	.box{
		z-index: 9999999;
		height: 110upx;
		width: 100%;
		position: fixed;
		bottom: 0;
		background: #fff;
		border-top: 1upx solid #eee;
	}
	.current-page{
		color: #6487F8;
	}
	.nav{
		width: 20%;
		float: left;
		height: 60upx;
	}
	.itemtt{
		height: 110upx;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
	}
	.img{
		width: 40upx;
		height: 40upx;
	}
	.texttt{
		width: 100%;
		text-align: center;
		color: #9B9B9B;
		font-size: 12px;
	}

.donghua(@DHname){
	@keyframes @DHname {
			0%{
					background-color:#4b89ff;
			}
			100%{
					background-color: #fff;
			}
	}
};

.donghua(myDongHua);
.donghua1(@DHname){
	@keyframes @DHname {
		0%{
				background-color:#fff;
		}
		100%{
				background-color: #4b89ff;
		}
	}
};
.donghua1(myDongHua1);
.animation(@animation-name,@animation-duration,@animation-timing-function){
		animation: @arguments;
}


.container {
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	.newheader {
		background-color: #fff !important;
		.animation(myDongHua,.8s,1);
	}
　　.changebf {
		.animation(myDongHua1,.8s,1);
	}
}
// 头部
.header {
	width: 100%;
	height: 200upx;
	background-color: #4b89ff;
	padding: 0 20upx;
	box-sizing: border-box;
	// position: fixed;
	// top: 0;
	// left: 0;
	// z-index: 99;
	
	&-list {
		height: 110upx;
		margin-left: 25upx;
		display: flex;
		
		.list {
			width: 580upx;
			height: 110upx;
			white-space: nowrap;
			.list-box {
				height: 110upx;
				display: flex;
				align-items: center;
				// margin-top: 20upx;
				.list-item {
					margin-right: 40upx;
					display: flex;
					flex-direction: column;
					align-items: center;
					.list-item-top {
						white-space: nowrap;
						font-size: 31upx;
						color: #fff;
						font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
					}
					.fangda {
						font-size: 35upx;
						font-weight: 700;
						margin-top: 5upx;
					}
					.newview {
						color: #515151;
					}
					.hengxian {
						width: 32upx;
						height: 9upx;
						border-radius: 4.5upx;
						margin-top: 10upx;
						background-color: #fff;
					}
					.newhengxian {
						background-color: #4b89ff;
					}
				}
			}

		}
		.icon {
			display: inline-block;
			float: right;
			width: 37upx;
			height: 37upx;
			margin: 34upx 0 0 30upx;
			image {
				width: 37upx;
				height: 37upx;
			}
		}
	}
	&-input {
		display: flex;
		position: relative;
		.search {
			width: 32upx;
			height: 32upx;
			position: absolute;
			right: 20upx;
			top: 13upx;
			z-index: 99;
		}
		input {
			width: 100%;
			height: 63upx;
			background-color: #fff;
			font-size: 26upx;
			border-radius: 50upx;
			padding-left: 30upx;
			box-sizing: border-box;
		}
		.newinput {
			background-color: #ededed;
		}
		// image {
		// 	width: 45upx;
		// 	height: 44upx;
		// 	margin-left: 40upx;
		// 	margin-top: 15upx;
		// }
		// view {
		// 	width: 29upx;
		// 	height: 29upx;
		// 	border-radius: 50%;
		// 	background-color: #ff4141;
		// 	font-size: 17upx;
		// 	text-align: center;
		// 	line-height: 29upx;
		// 	color: #fff;
		// 	position: absolute;
		// 	right: 12upx;
		// 	top: 0;
		// }
		// .newinfo {
		// 	border: 2upx solid #fff;
		// 	box-sizing: border-box;
		// }
	}
	
}


// 轮播图
.swiper {
	height: 262upx;
	background-color: #4b89ff;
	border-bottom: 96upx solid #fff;
	box-sizing: border-box;
	swiper {
		width: 709upx;
		height: 262upx;
		margin: 0 auto;
		border-radius: 20upx;
		overflow: hidden;
		swiper-item {
			view {
				width: 100%;
				height: 100%;
				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}




// 图标
.icons {
	padding: 50upx 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	&-list {
		flex: 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
		image {
			width: 78upx;
			height: 78upx;
		}
		text {
			font-size: 24upx;
			margin-top: 10upx;
		}
	}
}


// 热门推荐
.hot {
	width: 710upx;
	// height: 666upx;
	margin: 20upx 20upx 0 20upx;
	padding: 40upx 25upx 0 25upx;
	background-color: #fff;
	border-radius: 20upx;
	box-sizing: border-box;
	&-top {
		display: flex;
		justify-content: space-between;
		image {
			width: 134upx;
			height: 30upx;
		}
		view {
			display: flex;
			text {
				font-size: 24upx;
				color: #787878;
			}
			image {
				width: 28upx;
				height: 26upx;
				margin: 4upx 0 0 10upx;
			}
		}
	}
	&-bottom {
		margin-top: 30upx;
		display: flex;
		// flex-wrap: wrap;
		justify-content: space-between;
		&-list {
			width: 210upx;
			height: 272upx;
			// margin-right: 17upx;
			background-color: #f6d1a6;
			border-radius: 20upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			image {
				width: 100%;
				height: 196upx;
				border-radius: 20upx;
			}
			text {
				font-size: 30upx;
				margin-top: 20upx;
				color: #fff;
				font-weight: 700;
				text {
					font-size: 24upx;
					font-weight: 400;
					margin-left: 10upx;
					text-decoration: line-through;
				}
			}
			.paiming {
				position: absolute;
				top: -15upx;
				left: 0;
				image {
					width: 32upx;
					height: 46upx;
				}
				text {
					font-size: 24upx;
					font-weight: 700;
					color: #fff;
					position: absolute;
					top: -10upx;
					left: 9upx;
				}
			}
		}
		&-list:nth-child(3n) {
			margin-right: 0;
		}
	}
}


// 独家精选
.dujia {
	margin-top: 40upx;
	padding: 0 20upx;
	&-top {
		display: flex;
		justify-content: space-between;
		image {
			width: 134upx;
			height: 30upx;
		}
		view {
			display: flex;
			text {
				font-size: 24upx;
				color: #787878;
			}
			image {
				width: 28upx;
				height: 26upx;
				margin: 4upx 0 0 10upx;
			}
		}
	}
	&-bottom {
		margin-top: 30upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		&-list {
			width: 710upx;
			height: 200upx;
			border-radius: 20upx;
			margin-bottom: 33upx;
			display: flex;
			.img {
				width: 214upx;
				height: 200upx;
				border-radius: 20upx;
			}
			.span {
				width: 460upx;
				margin-left: 25upx;
				padding: 10upx 0;
				box-sizing: border-box;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				&-top {
					font-size: 30upx;
					font-weight: 700;
					color: #181818;
				}
				&-bottom {
					margin-top: 18upx;
					display: flex;
					justify-content: space-between;
					&-left {
						display: flex;
						align-items: center;
						text:nth-child(1) {
							font-size: 30upx;
							color: #ff1e2e;
						}
						text:nth-child(2) {
							font-size: 22upx;
							color: #b0b0b0;
							text-decoration: line-through;
							margin-left: 10upx;
						}
					}
					&-right {
						width: 124upx;
						height: 41upx;
						font-size: 24upx;
						border: 4upx solid #528af9;
						border-radius: 41upx;
						color: #528af9;
						text-align: center;
						line-height: 41upx;
					}
				}
			}
		}
	}
}


// 抢先好货 物美价廉
.text {
	margin: 33upx 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text:nth-child(1) {
		font-size: 35upx;
		font-weight: 700;
		color: #1f1f1f;
	}
	text:nth-child(2) {
		font-size: 26upx;
		color: #7a7a7a;
		margin-top: 10upx;
	}
}


